import React, { forwardRef, useImperativeHandle } from 'react'

function Input(props, ref) {
  //为父级传入的 ref 对象, 设置新的功能
  useImperativeHandle(ref, () => {
    return {
      focus: () => {
        //获取 input 元素
        document.querySelector('input').focus();
      }
    }
  });
  return (
    <div>
      <input type="text" />
    </div>
  )
}

export default forwardRef(Input);
